import {Canvas, Meta, Story} from '@storybook/blocks'

import * as SubNavStories from './SubNav.stories'

<Meta of={SubNavStories} />

# SubNav

`.subnav` is navigation that is typically used when on a dashboard type interface with another set of navigation above it. This helps distinguish navigation hierarchy.

<Canvas of={SubNavStories.Default} />

You can have `subnav-search` in the subnav bar.

<Canvas of={SubNavStories.Search} />

You can also use a `subnav-search-context` to display search help in a select menu.

<Canvas of={SubNavStories.SearchContext} />
